html {
    width: 100%;
    height: 100%;

    body {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        header {
            line-height: 44px;
            text-align: center;
            font-size: 18px;
            background-image: -webkit-linear-gradient(top, aqua, #e468f9, skyblue);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        main {
            flex: 1;
            overflow-y: scroll;
            overflow-x: hidden;
            background: url("../../assets/imgs/advertisement-bg.jpg") no-repeat center / cover;
            position: relative;

            .jianshen {
                #Admin {
                    position: relative;

                    #demo {
                        animation: move 1.75s;
                        width: 100%;
                        position: absolute;
                        top: 500px;
                      color: #fff;
                        text-align: center;
                        font-size: 30px;
                    }

                    @keyframes move {
                        0% {
                            top: 410px;
                            transform: scale(0);
                        }

                        25% {
                            top: 360px;
                            transform: scale(0.25);
                        }

                        50% {
                            top: 540px;
                            transform: scale(0.5);
                        }

                        75% {
                            top: 500px;
                            transform: scale(1);
                        }
                    }
                }

                #timed {
                    width: 120px;
                    line-height: 40px;
                    border: 1px solid #bbb;
                    border-radius: 20px;
                    background-color: #e468f9;
                    color: #333;
                    display: flex;
                    justify-content: space-around;
                    position: absolute;
                    top: 40px;
                    right: 20px;
                }
            }
        }
    }

}